<!------------------------------- 

 Title:		myEditor

 Author:	Sandro Ropelato

 Date:		02 April 2007

-------------------------------->



<html>
	<head>
		<title>myEditor</title>
		<link type="text/css" rel="stylesheet" href="style1.css"/>
	</head>

	<script language="JavaScript" src="./myeditor.js"></script>

	<body class="standard" onLoad="init();">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td background="./images/button_bg1.png" id="bold">
						<img src="./images/bold.png" title="bold"
						onMouseOver="changeBackgroundImage('bold', bg2);"
						onMouseOut="changeBackgroundImage('bold', bg1);"
						onMouseDown="changeBackgroundImage('bold', bg3);"
						onMouseUp="changeBackgroundImage('bold', bg2); doBold();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="italic">
						<img src="./images/italic.png" title="italic"
						onMouseOver="changeBackgroundImage('italic', bg2);"
						onMouseOut="changeBackgroundImage('italic', bg1);"
						onMouseDown="changeBackgroundImage('italic', bg3);"
						onMouseUp="changeBackgroundImage('italic', bg2); doItalic();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="underline">
						<img src="./images/underline.png" title="underline"
						onMouseOver="changeBackgroundImage('underline', bg2);"
						onMouseOut="changeBackgroundImage('underline', bg1);"
						onMouseDown="changeBackgroundImage('underline', bg3);"
						onMouseUp="changeBackgroundImage('underline', bg2); doUnderline();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="alignleft">
						<img src="./images/alignleft.png" title="align left"
						onMouseOver="changeBackgroundImage('alignleft', bg2);"
						onMouseOut="changeBackgroundImage('alignleft', bg1);"
						onMouseDown="changeBackgroundImage('alignleft', bg3);"
						onMouseUp="changeBackgroundImage('alignleft', bg2); doAlignLeft();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="aligncenter">
						<img src="./images/aligncenter.png" title="align center"
						onMouseOver="changeBackgroundImage('aligncenter', bg2);"
						onMouseOut="changeBackgroundImage('aligncenter', bg1);"
						onMouseDown="changeBackgroundImage('aligncenter', bg3);"
						onMouseUp="changeBackgroundImage('aligncenter', bg2); doAlignCenter();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="alignright">
						<img src="./images/alignright.png" title="align right"
						onMouseOver="changeBackgroundImage('alignright', bg2);"
						onMouseOut="changeBackgroundImage('alignright', bg1);"
						onMouseDown="changeBackgroundImage('alignright', bg3);"
						onMouseUp="changeBackgroundImage('alignright', bg2); doAlignRight();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="unorderedlist">
						<img src="./images/unorderedlist.png" title="unordered list"
						onMouseOver="changeBackgroundImage('unorderedlist', bg2);"
						onMouseOut="changeBackgroundImage('unorderedlist', bg1);"
						onMouseDown="changeBackgroundImage('unorderedlist', bg3);"
						onMouseUp="changeBackgroundImage('unorderedlist', bg2); insertUnorderedList();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="orderedlist">
						<img src="./images/orderedlist.png" title="ordered list"
						onMouseOver="changeBackgroundImage('orderedlist', bg2);"
						onMouseOut="changeBackgroundImage('orderedlist', bg1);"
						onMouseDown="changeBackgroundImage('orderedlist', bg3);"
						onMouseUp="changeBackgroundImage('orderedlist', bg2); insertOrderedList();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="foregroundcolor">
						<img src="./images/foregroundcolor.png" title="foreground color"
						onMouseOver="changeBackgroundImage('foregroundcolor', bg2);"
						onMouseOut="changeBackgroundImage('foregroundcolor', bg1);"
						onMouseDown="changeBackgroundImage('foregroundcolor', bg3);"
						onMouseUp="changeBackgroundImage('foregroundcolor', bg2); openForegroundColor();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="backgroundcolor">
						<img src="./images/backgroundcolor.png" title="background color"
						onMouseOver="changeBackgroundImage('backgroundcolor', bg2);"
						onMouseOut="changeBackgroundImage('backgroundcolor', bg1);"
						onMouseDown="changeBackgroundImage('backgroundcolor', bg3);"
						onMouseUp="changeBackgroundImage('backgroundcolor', bg2); openBackgroundColor();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="table">
						<img src="./images/table.png" title="insert table"
						onMouseOver="changeBackgroundImage('table', bg2);"
						onMouseOut="changeBackgroundImage('table', bg1);"
						onMouseDown="changeBackgroundImage('table', bg3);"
						onMouseUp="changeBackgroundImage('table', bg2); openTable();"/></td><td><img src="./images/3x3.png"/></td>
				<td background="./images/button_bg1.png" id="picture">
						<img src="./images/picture.png" title="insert picture"
						onMouseOver="changeBackgroundImage('picture', bg2);"
						onMouseOut="changeBackgroundImage('picture', bg1);"
						onMouseDown="changeBackgroundImage('picture', bg3);"
						onMouseUp="changeBackgroundImage('picture', bg2); alert('insert picture');"/></td><td><img src="./images/3x3.png"/></td>
			</tr>
			<tr>
				<td><img src="./images/3x3.png"/></td>
			</tr>
		</table>


		<table border="0" cellspacing="0" cellpadding="0">
			<tr><td>
				<iframe id="frame" style="width:500; height:400;"></iframe>
			</td></tr>
			<tr><td>
				<img src="./images/border1.png" width="502" height="10"/>
			</td></tr>
			<tr><td>
				<img src="./images/tabs1.png" id="tabs" title="switch to HTML view"
					onMouseOver="tabsMouseOver();"
					onMouseOut="tabsMouseOut();"
					onMouseDown="tabsMouseDown();"/>
			</td></tr>
		</table>	
	</body>
</html>



